<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-3.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

  <head>
    <title>Vina's Website</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <div th:remove="tag" th:include="navbar::head"></div>
   
  </head>

  <body>

	<div th:include="navbar::copy" th:remove="tag"></div>
	
	<div id="myContainer" class="container">

		<div class="row">
			<div class="span12">
				<div class="alert alert-info">
					<h1><strong>Our Path</strong></h1>
				</div>
				<!-- <div id="myCarousel" class="carousel slide">
					<div class="carousel-inner">
						<div class="item active">
							<img src="images/b1.jpg" />
							<div class="carousel-caption">
								<h4>First</h4>
								<p>wawawa</p>
							</div>
						</div>
						
						<div class="item">
				            <img src="images/b2.jpg" />
				            <div class="carousel-caption">
				              <h4>Second Thumbnail label</h4>
				              <p>This is the second thumbnail info para</p>
				            </div>
				          </div>
				
				          <div class="item">
				            <img src="images/b3.jpg" />
				            <div class="carousel-caption">
				              <h4>Third Thumbnail label</h4>
				              <p>This is the third thumbnail info para</p>
				            </div>
				         </div>
				         
		          		<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		        		<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
					</div>
				</div> -->
				<div id="myCarousel" class="carousel slide">
				  <div class="carousel-inner">
				    <div class="item active">
				      <img src="images/b1.jpg" alt="" />
				      <div class="carousel-caption">
				        <h4>First Thumbnail label</h4>
				        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="images/b2.jpg" alt="" />
				      <div class="carousel-caption">
				        <h4>Second Thumbnail label</h4>
				        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="images/b3.jpg" alt="" />
				      <div class="carousel-caption">
				        <h4>Third Thumbnail label</h4>
				        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
				      </div>
				    </div>
				  </div>
				  <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
				  <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>
			</div>
		</div>
		
	<br/>
		<div class="row">
		    	<div class="span12">
		    		<h1>Here's a Headline</h1>
		    	</div>
	   </div>
	   <br/>
   		<div class="row">
	    	<div class="span8">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis. </p>
	    		
	    	</div>
   		</div>
   		<div class="row">
   			<div class="span4">
   				<a href="/vinasite/about" class="btn btn-info">Learn more</a>
   			</div>
   				
   		</div>
   <br/><br/>
   
  
  </body>
  
</html>

